<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>分页之自定义按钮 - jQuery EasyUI 演示</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
	<h2 title="Custom Pagination Buttons">分页之自定义按钮</h2>
	<p title="The customized buttons can be appended to page bar.">　　自定义按钮可被追加到分页栏上（如下所示的【新增】、【剪切】、【保存】等3个图标按钮）。</p>
	<div style="margin:20px 0;"></div>
	<div class="easyui-panel">
		<div class="easyui-pagination" data-options="total:114,buttons:buttons"></div>
	</div>
	<script>
		var buttons = [{
			iconCls:'icon-add',
			handler:function(){
				alert('增……');
			}
		},{
			iconCls:'icon-cut',
			handler:function(){
				alert('剪……');
			}
		},{
			iconCls:'icon-save',
			handler:function(){
				alert('存……');
			}
		}];
	</script>
</body>
</html>